<style>
</style>
<template>
    <ly-page>
        <ly-navi type="back" title="表单分组"></ly-navi>
        <ly-page-content>
            <el-form :model="form" :rules="rules" ref="ruleForm" label-width="125px" size="small">
                <ly-form-group title="分组1">
                    <el-form-item label="商品名称" prop="name">
                        <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                    </el-form-item>
                    <ly-form-line>
                        <el-form-item label="商品名称" prop="name">
                            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                        </el-form-item>
                        <el-form-item label="商品名称" prop="name">
                            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                        </el-form-item>
                    </ly-form-line>
                </ly-form-group>
                <ly-form-group title="分组2">
                    <el-form-item label="商品名称" prop="name">
                        <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                        <ly-form-tip>请填写商品名称，字数不限</ly-form-tip>
                    </el-form-item>
                    <el-form-item label="商品名称" prop="name">
                        <el-color-picker v-model="form.color1" :predefine="['#efefef','#409EFF','#1e90ff']"></el-color-picker>
                        <ly-form-tip>请填写商品名称，字数不限</ly-form-tip>
                    </el-form-item>
                </ly-form-group>
                <el-form-item>
                    <el-button type="primary">立即提交</el-button>
                    <el-button>重置</el-button>
                </el-form-item>
                <ly-form-group title="分组2" type="blank">
                    <el-form-item label="商品名称" prop="name">
                        <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                    </el-form-item>
                    <ly-form-line>
                        <el-form-item label="商品名称" prop="name">
                            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                        </el-form-item>
                        <el-form-item label="商品名称" prop="name">
                            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
                        </el-form-item>
                    </ly-form-line>
                </ly-form-group>
                <ly-code-view>
                    <pre v-pre>
<ly-form-group title="分组1">
    <el-form-item label="商品名称" prop="name">
        <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
    </el-form-item>
    <ly-form-line>
        <el-form-item label="商品名称" prop="name">
            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="商品名称" prop="name">
            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
        </el-form-item>
    </ly-form-line>
</ly-form-group>
<ly-form-group title="分组1" type="blank">
    <el-form-item label="商品名称" prop="name">
        <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
    </el-form-item>
    <ly-form-line>
        <el-form-item label="商品名称" prop="name">
            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="商品名称" prop="name">
            <el-input placeholder="请填写商品名称" v-model="form.name"></el-input>
        </el-form-item>
    </ly-form-line>
</ly-form-group>
                    </pre>
                </ly-code-view>

            </el-form>
            <ly-markdown>
                <pre v-pre>
## `ly-form-group`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  title | 标题	  |string |—	|—	|
|  type |  类型	  |string |line/blank	|line	|



                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    form: {
                        step:1,
                        num: 1,
                        select_multiple: [],
                        checkList: [],
                        color: '#FE707D',
                    },
                    rules: {
                        name: {
                            required: true,
                            message: '请输入活动名称',
                            trigger: 'blur'
                        },
                        desc: {
                            required: true,
                            message: '请输入活动名称',
                            trigger: 'blur'
                        }


                    }
                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>